<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jstl/core"
                xmlns:sf="http://www.springframework.org/tags/faces"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:spring="http://www.springframework.org/tags"
                template="../../../layout/Template.xhtml">

    <ui:define name="menu">
        <ui:include src="${user.menu}"/>
    </ui:define>

    <ui:define name="title">
        <h:outputText value="Inscription Pedagogique"/>
    </ui:define>

    <ui:define name="footer">
        <h:outputText
                value="SPiJ - Universite de Marne la Vallee - Version 1.0"/>
    </ui:define>
    <ui:define name="content">
        <rich:dataTable value="#{flowScope.listUnit}" var="unitDisplayed"
                        border="1" cellspacing="4" width="100%" id="unitDataTable" rows="10">

            <f:facet name="header">
                <h:outputText value="#{resourceBundle.listRequiredUnitFormHeader}"/>
            </f:facet>
            <rich:column>
                <f:facet name="header">
                    <h:outputText value="#{resourceBundle.listUnitFormName}"/>
                </f:facet>
                <!-- <a4j:commandLink value="#{unitDisplayed.name}" action="readUnit"/>  -->
                <h:outputText value="#{unitDisplayed.name}"/>
            </rich:column>
            <rich:column style="text-align:center">
                <f:facet name="header">
                    <h:outputText value="#{resourceBundle.listUnitFormCredit}"/>
                </f:facet>
                <h:outputText value="#{unitDisplayed.credit}"/>
            </rich:column>
        </rich:dataTable>
        <rich:panel id="validateRegistrationPanel"
                    header="#{resourceBundle.listOptionalUnitFormHeader}">
            <h:form id="validateRegistrationForm">
                <h:panelGrid id="validateRegistrationGrid" columns="2">

                    <h:outputText
                            value="#{resourceBundle.validateRegistrationFormUnits} : "/>
                    <h:outputText/>

                    <rich:pickList value="#{currentRegistration.units}" id="units"
                                   copyAllVisible="false" removeAllVisible="false"
                                   validator="#{multiSelectUnitValidator.validate}">
                        <f:selectItems value="#{currentRegistration.courseUnits}"/>
                        <f:attribute name="maxSelections"
                                     value="#{currentRegistration.nbOption}"/>
                        <a4j:support event="onlistchanged" reRender="result"/>
                    </rich:pickList>
                    <h:message for="units" style="color:red"/>
                </h:panelGrid>

                <h:messages globalOnly="true"/>

                <a4j:commandButton type="submit" value="#{bundle.addButton}"
                                   action="add"/>
                <a4j:commandButton value="#{bundle.cancelButton}" action="cancel"
                                   immediate="true"/>
            </h:form>
        </rich:panel>
    </ui:define>
</ui:composition>